@charset "utf-8";
header{
    width: 100%;
    height: 117px;
    background: #fff;
}
header .wrapper{
    width: 1197px;
    height: 117px;
    margin: auto;
}
header .left{
    width: 150px;
    float: left;
}
header img{
    height: 62px;
}
header .left h2{
    font-size: 21px;
    color: #000;
}
header .left p{
    font-size: 11px;
    color: #515151;
    width: 150px;
    text-align: center;
    letter-spacing: 5px;
    font-family:楷体;
}
header .right{
    width: 750px;
    height: 117px;
    float: right;
}
header .top{
    width: 352px;
    height: 58px;
    display: flex;
    justify-content:flex-end;
    align-items: center;
    margin-left: 398px;
}
header .top input{
    width: 222px;
    height: 25px;
    border: none;
    border:1px solid #333;
    border-radius: 12px;
    margin-right: 37px;
    padding-left: 10px;
}
header .top form{
    position: relative;
}
header input::placeholder{
    letter-spacing: 2px;
    color: #999;
}
header .top a{
    font-size: 17px;
    color: #333;
}
header .top i:nth-of-type(1){
    font-size: 15px;
    color: #999;
    position: absolute;
    top: 6px;
    right: 49px;
}
header .bot{
    width: 750px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
header .bot a{
    height:33px;
    font-size: 17px;
    color: #333;
    margin-left: 58px;
    line-height: 33px;
}
header .bot a:hover{
    background: red;
    color: #fff;
}
header .bot .active{
    border-bottom: 2px solid #830a13;
}
.gold{
    display: none;
}
.gold.active{
    display: block;
}
#site .banner{
    overflow: hidden;
    position: relative;
}
#site .banner .img{
    transition: 2s;
    overflow: hidden;
    width: 500%;   
}
#site .banner img{
    width: 20%;
    float: left;
}
#site .banner span{
    display:inline-block;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    line-height: 150px;
    text-align: center;
    font-size: 70px;
    color: rgba(0,0,0,0.2);
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -75px;
}
#site .banner span:hover{
    background: rgba(255, 255, 255, 0.2);
}
#site .banner span:active{
    color: rgba(0,0,0,0.4);
    background: rgba(255,255,255,0.4);
}
#site .banner span:nth-of-type(2){
    left: 0;
}
#site .banner span:nth-of-type(1){
    right: 0;
}
#site .banner ul{
    position: absolute;
    bottom: 6%;
    right: 50%;
    margin-right:-59px;
}
#site .banner li{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    background: #fff;
}
#site .banner ul .active{
    background:#000;
}
#site .a{
    width: 100%;
    height: 707px;
}
#site .a .wrapper{
    width: 1197px;
    height: 563px;
    margin: auto;
    padding-top: 144px;
}
#site .a .cen{
    width: 1124px;
    height: 465px;
    border:1px solid #850913;
    position: relative;
}
#site .a .cen fieldset{
    width: 214px;
    height: 54px;
    background: #fff;
    text-align: center;
    border: 1px solid #850913;
    color: #333;
    position: absolute;
    right: 106px;
    top: -40px;
}
#site .a .cen legend p:nth-of-type(1){
    font-size: 22px;
}
#site .a .cen legend p:nth-of-type(2){
    font-size:14px ;
}
#site .a .cen .left{
    width: 563px;
    position: absolute;
    top: -38px;
    left: 38px;
    z-index: 2;
}
#site .a .cen img{
    width: 100%;
}
#site .a .cen .right{
    width: 580px;
    height: 420px;
    color: #fff;
    background: #999;
    position: absolute;
    top: 66px;
    right: -73px;
    padding-left: 100px;
}
#site .a .cen .top{
    padding: 34px 15px 14px 0;
    font-size: 16px;
    font-weight: 500;
}
#site .a .cen .top span:nth-of-type(1){
    float: left;
}
#site .a .cen .top span:nth-of-type(2){
    float: left;
    margin: 0 281px 0 17px;
}
#site .a .cen .top span:nth-of-type(3){
    float: left;
}
#site .a .cen .top a{
    font-size: 7px;
    color: #fff;
    margin:5px 0 0 8px;
    float: left;
}
#site .a .cen .bot p{
    font-size: 13px;
    line-height: 20px;
    margin-top: 22px;
    font-weight: 600;
}
#site .b{
    width:100%;
    height: 827px;
    border-top: 1px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
}
#site .b .wrapper{
    width: 1197px;
    height: 827px;
    margin: auto;
    background: #e6e6e6;
    text-align: center;
}
#site .b .wrapper h2{
    height: 165px;
    color: #333;
    line-height: 165px;
    position: relative;
}
#site .b .wrapper h2::after{
    content:"";
    width: 120px;
    height: 1px;
    background: #850913;
    position: absolute;
    bottom: 60px;
    left: 45%;
}
#site .b .wrapper h2 span:nth-of-type(1){
    font-size: 23px;
}
#site .b .wrapper h2 span:nth-of-type(2){
    font-size: 15px;
}
#site .b .cen{
    height: 520px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#site .b .cen .b1{
    width: 305px;
    height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#site .b .cen p{
    width: 77px;
    font-size: 17px;
    text-align-last:justify;
    color: #333;
    font-weight: 500;  
}
#site .b .cen span{
    width: 162px;
    font-size: 13px;
    color: #666;
    line-height: 22px;
}
#site .b .wrapper a{
    display: block;
    width: 151px;
    height: 38px;
    background: #850913;
    color: #fff;
    line-height: 38px;
    margin: 48px 0 56px 520px;
}
#site .b .cen a i{
    color: #fff;
}
#site .c{
    width: 100%;
    height: 696px;   
}
#site .c .wrapper{
    width: 1197px;
    height: 696px;
    margin: auto;
}
#site .c .wrapper h2{
    height: 23px;
    color: #333;
    padding: 123px 0 50px 0;
    position: relative;
    text-align: center;
}
#site .c .wrapper h2::after{
    content:"";
    width: 120px;
    height: 1px;
    background: #850913;
    position: absolute;
    bottom: 35px;
    left: 539px;
}
#site .c .wrapper h2 span:nth-of-type(1){
    font-size: 23px;
}
#site .c .wrapper h2 span:nth-of-type(2){
    font-size: 14px;
}
#site .c .cen{
    height: 329px;
    padding: 46px 50px 0 500px;
    background: #a20a09;
    position: relative;
}
#site .c img{
    position: absolute;
    top: 25px;
    left: 25px;
}
#site .c .cen h3{
    font-size: 14px;
    color: #fff;
    margin-bottom:12px;
    font-weight: 600;
}
#site .c .cen p{
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    margin-top: 30px;
    font-weight: 500;
}
#site .c .cen a{
    display: block;
    width: 81px;
    height: 22px;
    background: #fff;
    color: #a20a09;
    font-size: 11px;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    margin-top: 50px;
}
#site .c .cen i{
    font-size: 9px;
    margin-top: 1px;
}
#site .d{
    width: 100%;
    height: 760px;
}
#site .d .wrapper{
    width: 1197px;
    height: 760px;
    margin: auto;
}
#site .d .wrapper h2{
    height: 110px;
    color: #333;
    background:#f8f8f8 ;
    line-height: 110px;
    position: relative;
    text-align: center;
}
#site .d .wrapper h2::after{
    content:"";
    width: 120px;
    height: 1px;
    background: #850913;
    position: absolute;
    bottom: 29px;
    left: 539px;
}
#site .d h2 span:nth-of-type(1){
    font-size: 23px;
}
#site .d h2 span:nth-of-type(2){
    font-size: 14px;
} 
#site .d .cen{
    height: 526px;
    margin: 20px 0 51px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#site .d1{
    color:#666;
    width: 291px;
    height: 526px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items:flex-start;
}
#site .d1 img{
    width: 100%;
}
#site .d .cen .d1.active{
    background: #a20a09;
    color: #fff;
}
#site .d1 p:nth-of-type(1){
    font-size: 18px;
}
#site .d1 p:nth-of-type(2){
    font-size: 11px;
}
#site .d1 p:nth-of-type(3){
    font-size: 13px;
    line-height: 22px;
}
#site .d .wrapper a{
    display: block;
    width: 151px;
    height: 38px;
    background: #850913;
    color: #fff;
    text-align: center;
    line-height: 38px;
    margin: 51px 0 22px 520px;
}
#site .d .cen a i{
    color: #fff;
}

#psjd .banner {
    height: 351px;
    background: url("../images/psjd/banner.png") no-repeat center; 
}
#psjd h2{
    height: 21px;
    width: 1197px;
    margin: auto;
    font-size: 13px;
    text-align: right;
    padding-top: 28px;
}
#psjd h2 span{
    color: #850913
}
#psjd main{
    width: 1197px;
    height: 807px;
    margin: auto;
    padding-top: 6px;
    display: flex;
    justify-content: space-between;
    background: url("../images/psjd/框.png") no-repeat 11px 4px;
}
#psjd .left h3{
    font-size: 23px;
    color: #333333;
    padding-left: 28px;
}
#psjd .left ul{
    border-left: 1px solid rgb(51, 51, 51);
    margin: 18px 0 0 11px;
    font-size: 18px;
    color: #333333;
}
#psjd .left li{
    width: 117px;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
}
#psjd .left li i{
    cursor: pointer;
}
#psjd .left li .active{
    color:rgb(131, 10, 19);
}
#psjd .left .a1{
    padding-left: 10px;
    width: 119px;
    display: none;
} 
#psjd .left .a1:nth-of-type(1){
    display: block;
}
#psjd .left .a1 p{
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    color: #666;
    cursor: pointer;
}
#psjd .left .a1 .active{
    color:rgb(131, 10, 19);
    border-bottom: 1px solid #830a13;
}
#psjd .right{
    width: 940px;
    margin-top: 13px;
    display: none;
    position: relative;
}
#psjd .right.active{
    display: block;
}
#psjd .right .note{
    height: 413px;
    background:url("../images/psjd/框1.png") no-repeat right bottom ;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
#psjd .note .img-box{
    width: 242px;
    height: 360px;
    background:#666666;
    margin-left: 37px;
}
#psjd .note img{
    position: absolute;
    top:0;
    left:0;
}
#psjd .note .text{
    padding:0 25px;
    height: 385px;
    flex:1;
    margin-top: -10px;
    color: #666666;
}
#psjd .note .text h4{
    font-size: 23px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}
#psjd .note .text i{
    font-size: 13px;
}
#psjd .note .text p{
    font-size: 14px;
    margin-top: 25px;
    line-height: 23px;
    text-align: justify;
    letter-spacing: 1px;
}
#psjd .right .rightBan{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}
#psjd .right .rightBan .pic{
    width: 850px;
    display: flex;
    margin: 20px;
    align-items: center;
    justify-content: space-between;
}

#zskz .banner{
    height: 351px;
    background: url("../images/zskz/lunbo.jpg") no-repeat center;
}
#zskz h2{
    height: 21px;
    width: 1197px;
    margin: auto;
    font-size: 13px;
    text-align: right;
    padding-top: 28px;
}
#zskz h2 span{
    color: #850913
}
#zskz main{
    width: 1197px;
    height: 669px;
    margin: auto;
    background: url("../images/zskz/框.png") no-repeat 13px 1px;
}
#zskz .left{
    width: 121px;
    padding-left: 13px;
    float: left;
}
#zskz .left h3{
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 24px;
    color: #333;
}
#zskz .left ul{
    height: 140px;
    margin-top: 13px;
    border-left: 1px solid #666666;
}
#zskz .left li{
    font-size: 16px;
    cursor: pointer;
    height: 46px;
    padding-left:10px;
    color: #333;
    display: flex;
    justify-content:space-between;
    align-items: center;
}
#zskz .left li i{
    width: 11px;
    text-align: center;
    font-size: 19px;
    color: #333;
}
#zskz .left .active span{
    color: #a5090a;
}
#zskz .right {
    width: 1008px;
    padding: 29px 11px 0 0;
    float: right;
    display: none;
}
#zskz .right.active{
    display: block;
}
#zskz .right h3{
    font-size: 18px;
    height: 38px;
    width: 175px;
    line-height: 38px;
    border-bottom: 1px solid #b13537;
    color: #333;
}
#zskz .right h3 span{
    font-size: 11px;
    color: #666;
}
#zskz .right p{
    color: #666;
    font-size: 14px;
    text-align: justify;
    line-height: 24px;
    margin:17px 0 56px 0;
}
#zskz .right .bot{
    height: 400px;
    display: flex;
    justify-content:space-between;
}
#zskz .right .bot .img{
    width: 318px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    align-items: center;
}
#zskz .right .img span{
    font-size: 18px;
    color: #333;
}

#xzys .banner{
    width: 100%;
    height: 300px; 
    background: url("../images/xzys/长网页子页3_02.png") no-repeat center;
}
#xzys h2{
    height: 21px;
    width: 1197px;
    margin: auto;
    font-size: 13px;
    text-align: right;
    padding-top: 28px;
}
#xzys h2 span{
    color: #850913
}
#xzys main{
    width: 1197px;
    background: url("../images/xzys/框.png") no-repeat 1px 2px;
    height: 735px;
    margin: auto;
}
#xzys .left{
    width: 120px;
    float: left;
}
#xzys .left h3{
    height: 35px;
    font-size: 23px;
    color: #333;
    line-height: 35px;
    text-align: center;
}
#xzys .left ul{
    height: 234px;
    border-left:#666 1px solid;
    padding-left: 8px;
    margin-top: 13px;
}
#xzys .left li{
    height: 39px;
    font-size: 18px;
    color: #333;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
}
#xzys .left li i{
    display: inline-block;
    width: 11px;
    text-align: center;
    font-size: 20px;
}
#xzys .left li.active{
    color:#a20a09;
}
#xzys .right{
    width: 1006px;
    height: 734px;
    display: none;
    float: right;
}
#xzys .right.active{
    display: block;
}
#xzys .top{
    height: 350px;
    background:#a20a09;
    margin: 34px 0;
    padding:23px 333px 0 0;
    position: relative;
}
#xzys .top .text{
    padding:0 10px 0 12px;  
}
#xzys .top .text p{
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: justify;
    margin-top: 30px;
}
#xzys .top img{
    position: absolute;
    top: -18px;
    right: 22px;
}
#xzys .right h3{
    font-size: 18px;
    padding:0 0 11px 11px;
    height: 18px;
    color: #333;
}
#xzys .top h3:nth-of-type(1){
    color: #fff;
}
#xzys .right h3 span{
    font-size: 11px;
    color: #666;
}
#xzys .top h3 span:nth-of-type(1){
    color: #fff;
}
#xzys .right .img{
    margin-top: 9px;
    display: flex;
    justify-content:space-between;
    align-items: center;
}

#gsjj .banner{
    height: 352px;
    background: url("../images/gsjj/长网页子页2_02.jpg") no-repeat center;
}
#gsjj h2{
    height: 21px;
    width: 1197px;
    margin: auto;
    font-size: 13px;
    text-align: right;
    padding-top: 28px;
}
#gsjj h2 span{
    color: #850913
}
#gsjj main{
    background: url("../images/gsjj/框.png") no-repeat 12px 1px;
    height: 695px;
    width: 1197px;
    margin: auto;
}
#gsjj .left{
    width: 126px;
    float: left;
    padding-left: 12px;
}
#gsjj .left p:nth-of-type(1){
    height: 37px;
    text-align: center;
    color: #333333;
    font-size: 21px;
    line-height: 37px;
}
#gsjj .left p:nth-of-type(2){
    height: 44px;
    margin-top: 12px;
    padding-left: 10px;
    border-left: 1px solid #666;
    color: #840812;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    line-height: 44px;
}
#gsjj .left span{
    font-size: 25px;
}
#gsjj .right{
    width: 981px;
    height: 695px;
    float: right;
}
#gsjj .right h3{
    height: 25px;
    padding-top:35px;
    font-size: 17px;
    color: #333333;
    position: relative;
}
#gsjj .right h3 span{
    font-size: 11px;
    color: #727272;
}
#gsjj .right h3::after{
    content:"";
    width: 190px;
    height: 1px;
    background:#850913;
    position: absolute;
    bottom: -8px;
    left: 0px;
}
#gsjj .rightBot p{
    font-size: 14px;
    color: #727272;
    margin:23px 0 20px 0 ;
}
#gsjj .rightFoot{
    width: 981px;
    height: 228px;
    display: flex;
    justify-content: space-between;
}
#gsjj .rightFoot img{
    width: 452px;
}

footer{
    height: 92px;
    background: #666;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 92px;
    color: #fff;
}